<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>editpass</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
   
    <style type="text/css">
	.fmright{
		margin-left: 200px;
		margin-top: 100px;
		float: left;
	}
	.finput{
		height: 10px;width: 150px;
	}
    </style>
    <script src="${pageContext.request.contextPath}/back/jquery/jquery-1.8.3.js"
	type="text/javascript"></script>
	<script>
		$(function(){
			$("#pass").blur(function(){
				var former=$("#former").val();
				var pa=$("#pass").val();
				if(former==pa){
					$("#tishi1").html("<font color='red'>新旧密码一样</font>");
				}else{
					$("#tishi1").html("<font color='green'>ok</font>");
				}
			});
			$("#password").blur(function(){
				var pass=$("#pass").val();
				var password=$("#password").val();
				if(pass!=password){
					$("#tishi2").html("<font color='red'>两次输入不一致！</font>");
				}else{
					$("#tishi2").html("<font color='green'>ok</font>");
				}
			});
			$("#sub").bind("click",function(){
				$("#form").submit();
			});
				
		});
	</script>
	<style type="text/css">
	.fmr1{
		margin-left: 400px;
		
	}
	</style>
</head>
<body>   
<div class="top_hw clearfix">
    <div class="top_h clearfix">
        <div class="top_hl"><span>欢迎来到中国梦想游，让你的梦想全程免费自由行！</span> 预定热线：<b>0571-63322269</b></div>
        <div class="top_hr"><a href="reg.jsp">注册</a>  |  <a href="login.jsp">登录</a>  </div>
    </div>
</div>
<div class="head_w">
    <div class="head_t clearfix">
        <div class="logo"><img src="images/logo.jpg"></div>
        <div class="rx_line"><img src="images/rx.jpg"></div>
    </div>
</div>	
<div class="current"><span>当前所在地：</span><a href="index.jsp">首页</a>  >> <a href="login.jsp">找回密码</a></div>
 	<div class="fmright">
        	<div class="fmr1">
            	<div class="fmr1_top">找回密码</div>
                <div class="fmr1_m">
                	<div class="fcard">
                	<form id="form" action="${pageContext.request.contextPath}/FindPassServlet" method="post">
                    	<table border="0" cellpadding="0" cellspacing="0" width="636">
                    		<tr>
                        	
                            	<td align="right" height="30">请输入账号： </td>
                                <td align="left" height="30"><input type="text" name="zh" id="former" class="finput">
                                	<div id="tishi" style=" display:inline;"></div>
                                </td>
                                
                            </tr>
                        	<tr>
                        	
                            	<td align="right" height="30">请输入密保问题：</td>
                                <td align="left" height="30"><input type="text" name="mibao" id="former" class="finput">
                                	<div id="tishi" style=" display:inline;"></div>
                                </td>
                                
                            </tr>
                            <tr>
                            	<td align="right"  height="30">请输入新的密码：</td>
                                <td align="left" height="30"><input type="password" name="pass" id="pass" class="finput3">
                                	<div id="tishi1" style=" width:300px; display:inline;"></div>
                                </td>
                            </tr>
                            <tr>
                            	<td align="right" height="30">请确认新的密码：</td>
                                <td align="left" height="30"><input type="password" id="password" class="finput3">
                                	<div id="tishi2" style=" display:inline;"></div>
                                </td>
                            </tr>
                            <tr>
                            	<td colspan="2" align="center" valign="middle" height="50"><input type="image" id="sub" src="images/fbtn8.png"></td>
                            </tr>
                        </table>
                        </form>
                    </div>
                    
            </div>
        </div>
    </div>
</body>
</html>